$(function () {
    // 表单校验功能
    $('.login-form').bootstrapValidator({
        // 1.指定不校验的类型，默认为[':disabled', ':hidden', ':not(:visible)'],可以不设置
        excluded: [':disabled', ':hidden', ':not(:visible)'], 
         //2.指定校验时的图标显示，默认是bootstrap风格
         feedbackIcons: {
        valid: 'glyphicon glyphicon-ok',
        invalid: 'glyphicon glyphicon-remove',
        validating: 'glyphicon glyphicon-refresh'
         },
        // 3.指定要校验的字段(数据)
        fields: {
            //表单校验插件是根据name属性进行校验的
            username: {
                // 校验规则
                validators: {
                    // 非空
                    notEmpty: {
                        // 提示消息
                        message: '用户名不能为空!'
                    },
                    // 长度2-6位
                    stringLength: {
                        min: 2,
                        max: 6,
                        message: '用户名必须是2-6位!'
                    },
                    // 拓展提示信息
                    callback: {
                        message:'用户名错误!'
                    }
                }
            },
            password: {
                // 校验规则
                validators: {
                    // 非空
                    notEmpty: {
                        // 提示消息
                        message: '密码不能为空!'
                    },
                    // 长度2-6位
                    stringLength: {
                        min: 6,
                        max: 12,
                        message: '密码必须是6-12位!'
                    },
                    // 拓展一个提示信息
                    callback: {
                        message:'密码错误!'
                    }
                }
            }
        }
    });

//   重置表单校验的样式
    $('.btn-reset').click(function () {
        $('.login-form').data('bootstrapValidator').resetForm();// 重置表单校验样式
    });

    // 用户登录的功能
    // $('.btn-login').click(function () {
    // // 数据合理发送给后台,进行登录校验
    //     if (数据合理) {
            
    //     }
    // })
    
    // 表单校验插件,提供了事件  success.form.bv事件,在用户点击提交按钮,并且数据合理的情况下触发
    $('.login-form').on('success.form.bv', function (e) {
        //阻止submit的默认行为,不让页面刷新
        e.preventDefault();
        // 把用户信息发送给后台,进行登录校验
        $.ajax({
            type: 'post',
            url: '/employee/employeeLogin',
            data: $('.login-form').serialize(),
            dataType: 'json',
            success: function (res) {
                console.log(res);
                // 处理登录结果
                // 登录成功,进入后台系统的首页
                if (res.success) {
                    location.href = './index.html';
                }
                // 登录失败,提示错误信息,重新登录
                if (res.error == 1000) {
                    // 在用户登录失败后,将对应表单的校验状态,改为失败的状态
                    $('.login-form').data('bootstrapValidator').updateStatus('username', 'INVALID', 'callback');
                }
                if (res.error == 1001) {
                    $('.login-form').data('bootstrapValidator').updateStatus('password', 'INVALID', 'callback');
                }
            }
        })
    })
});